#app {
  height: 100vh;
  background-color: #f5f5f5;
}

.ant-layout-header {
  background-color: #1890ff;
  display: flex;
  align-items: center;
}

.ant-card {
  transition: all 0.3s;
}

.ant-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.json-editor {
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
  font-size: 13px;
  line-height: 1.5;
  tab-size: 2;
}

.json-key {
  color: #92278f;
}

.json-string {
  color: #58727e;
}

.json-number {
  color: #f98280;
}

.json-boolean {
  color: #f98280;
}

.json-null {
  color: #e06c75;
}